$(document).ready(function() {
    $("form").submit(function(){
        url = window.location +$("[name=region]").val() + "/" + $("[name=realm]").val() +"/" +$("[name=char]").val()
	window.location = url
    })
    xOffset = 5;
    yOffset = 20;
    $("div.item").each(function(index){
        url = $(this).find("a.item").attr("href")
	$(this).append("<div class='tt' id='"+index+"'></div>");
	$("#"+index).load(url)
    })
    $("div.item").bind("mouseenter", function(e){
        $(this).find("div.tt").css("top",(e.pageY + xOffset) + "px").css("left",(e.pageX - yOffset) + "px").fadeIn("fast");
    });
    $("div.item").bind("mouseleave", function(e){
        $("div.tt").css("display","none");
    });
    $("a.item").bind("click",function(){return false;});
});

function Update(){
    $(".cache").html("Updating...");
    $("#area").load(window.location + "?cache=0 #container", function(){ window.location = window.location;});
}